<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head >
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- th:replace="~{common/public::common-public}" -->
              <link th:href="@{/web/css/header.css}" rel="stylesheet">
        <link th:href="@{/web/css/managermain.css}" rel="stylesheet">
        <link th:href="@{/web/css/courseTable.css}" rel="stylesheet">
      <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<title>Insert title here</title>
    <meta charset="utf-8">
    <link th:href="@{/web/css/add-lesson.css}" rel="stylesheet">
</head>
<body>
<div class="header" th:insert="~{common/kuangjia::header}"></div>
<div class="diceng">
		<div class="caidan">
			<ul>
				<li><a th:href="@{/manong//managermain}">首页</a></li>
				<li><a th:href="@{/manong/getAllCourse}">选课系统</a></li>
				<li><a th:href="@{/manong/gradeManager}">成绩管理</a></li>
				<li><a th:href="@{/manong/active}">活动公告</a></li>
				<li><a th:href="@{/manong/message}">消息中心</a></li>
				<li><a th:href="@{/manong/exit}">退出登录</a></li>
			</ul>
		</div>
		<div class="main">
    <h1>学生添加</h1>
    
    <!-- 新的表单部分开始 -->
    <form th:action="@{/manong/gotoAddStudent}" method="post">
		<label th:text="姓名"></label>
		<input name="sname" type="text"><br><br>
		
		<label th:text="性别"></label>
		<input name="sex" type="text"><br><br>
		
		<label th:text="密码"></label>
		<input name="password" type="text" ><br><br>
		
		<label th:text="身份证号"></label>
		<input name="id" type="text" ><br><br>
	
		<label th:text="所属学院"></label>
		<input name="college" type="text" ><br><br>

		<label th:text="专业"></label>
		<input name="speciality" type="text" ><br><br>
	
  		<label th:text="班级"></label>
		<input name="clase" type="text"><br><br>
  		<label th:text="年级"></label>
		<input name="year" type="text"><br><br>

  		<label th:text="籍贯"></label>
		<input name="nativePlace" type="text" ><br><br>

  		<label th:text="电话号码"></label>
		<input name="phone" type="text"><br><br>
  		<label th:text="密保"></label>
		<input name="confident" type="text" ><br><br>

        <button type="submit">添加</button>
    </form>
    <!-- 新的表单部分结束 -->

    <p th:text="${msg}"></p >

    <!-- 添加动效示例 -->
    <script>
        // 当表单字段获得焦点时改变边框颜色
        const formInputs = document.querySelectorAll('input[type="text"]');
        formInputs.forEach(input => {
            input.addEventListener('focus', () => {
                input.style.border = '1px solid #007bff'; // 改变边框颜色为蓝色
            });

            input.addEventListener('blur', () => {
                input.style.border = '1px solid #ccc'; // 恢复默认边框颜色
            });
        });
    </script>
    
    </div>
    </div>
</body>
</html>